<template>
    <div class="boxShadow updateCom">
        <p class="boldTitle">系统诊断</p>
        <div class="flex modulContent">
            <el-radio-group v-model="radio2" @change="chooseUpdate">
                <div class="updateItem"><el-radio :label="1">在线自动更新</el-radio></div>
                <div class="updateItem"><el-radio :label="2">离线本地更新</el-radio></div>
                <div class="updateItem"><el-radio :label="3">U盘威尔2升级包</el-radio></div>
                <div class="updateItem"><el-radio :label="4">U盘安装文件传输包</el-radio></div>
            </el-radio-group>
        </div>

        <div class="flex formBtns">
            <el-button size="small" type="primary" @click="subUpdate('')">立即更新</el-button>
        </div>
    </div>    
</template>

<script>
export default {
    name: 'debugComponent',
    components:{

    },
    data(){
        return{
            radio2:2           
        }
    },
    methods:{
      chooseUpdate:function(e){
          console.log(e)
      }
    },

    //属性监听
    watch:{
       
    }

}
</script>

<style scoped lang="less">
 .updateCom{
     position: fixed;
     bottom: 0;
     left: 60px;
     width: calc(100% - 120px);
     background-color: #ffffff;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     padding: 10px;
     text-align: left;
     font-size: 14px;
 }
 .boldTitle{
     font-weight: bold;
 }
 .modulContent{
     color: #666666;
     margin: 16px 0 30px 0 ;
     .updateItem{
         margin-top: 14px
     }
 }
 .formBtns{
     padding: 0 5px;
     margin-top: 15px;
     button{
         width: 100%;
     }
 }
</style>